/*
*   移动端 常用 布局
*/

// 左浮动
.fl
    float left

// 右浮动
.fr
    float: right

// 基本布局
.flexWarp,
.flexCol,
.flexJust,
.flexAlign,
.flexAll
    display flex

// 纵向布局
.flexCol
    flex-direction column

// 主排居中
.flexJust
    justify-content center

// 副排居中
.flexAlign
    align-items center

// 全居中
.flexAll
    justify-content: center
    align-items: center

// 独占一份
.flexAlone
    flex 1
